<template>
  <van-nav-bar
    title="登录"
    left-arrow
    @click-left="$router.back()"
  >
    <template #right>
      <span class="register-link">去注册</span>
    </template>
  </van-nav-bar>
</template>

<script setup>
import { useRouter } from 'vue-router'

const router = useRouter()
</script>

<style scoped>
.van-nav-bar {
  background-color: #fff; /* 或任何其他你想设置的背景颜色 */
  height: var(--van-nav-bar-height); /* 使用Vant提供的变量维持高度一致性 */
  z-index: 10; /* 确保导航栏在最上方，避免被遮挡 */
}

.register-link {
  color: #1989fa;
  margin-right: 16px;
}
</style>